<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
	<title><spring:message code="YYK-title-100016" /></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name=”apple-mobile-web-app-capable” content=”yes” />
	<script type="text/javascript">
		;(function (doc, win) {
		    var docEl = doc.documentElement,
		      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
		      recalc = function () {
		        var clientWidth = docEl.clientWidth;
		        var clientHeight = docEl.clientHeight;
		        if (!clientWidth) return;
		            docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
		      };
		      recalc();
		    if (!doc.addEventListener) return;
		    win.addEventListener(resizeEvt, recalc, false);
		    doc.addEventListener('DOMContentLoaded', recalc, false);
		})(document, window);
	</script>
	<link rel="stylesheet" href="${static_server}/static/css/common/zepto.alert.css">
	<link rel="stylesheet" href="${static_server}/static/css/default.css">
	<link rel="stylesheet" href="${server}/static/css/iconfont/iconfont.css">
	<link rel="stylesheet" href="${static_server}/static/css/recevingAddress.css">
	<style>
	.rule {width: 100%;height: 1rem;margin-top: 0.2rem;box-sizing: border-box;}
	.papers2 { margin-top: 0.83rem; position: relative; width: 100%; height: auto; background: #fff;}
	.rule span { display: inline-block; width: 36%; border-top: 1px solid #ccc; margin-top: 0.51rem; position: relative;}
	.rule h3 {  width: 28%; line-height: 1rem; font-size: 0.23rem; text-align: center;  float: left; }
	.rule02 { width: 100%; height: auto; padding: 0 0.5rem; box-sizing: border-box;  }
	.rule02 p {  font-size: 0.23rem; line-height: 0.3rem; margin-bottom: 0.6rem; }
	</style>
	<script type="text/javascript" src="${static_server}/static/js/common/base.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/zepto.min.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common/zepto.alert.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common/common.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common/common.ajax.js"></script>
	
	<script type="text/javascript" src="${static_server}/static/js/idcard/idcard.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/idcard/validateIDCard.js"></script>
	
</head>
<body>
<div class="wrap">
	<header class="headerToFixed">
		<div class="closeBtn" onclick="javascript:goBack();">
		   <i class="icon iconfont">&#xe60a;</i>
		</div>
		<div class="headerTitle">
			<spring:message code="YYK-20056" />
		</div>
	</header>
	<div class="contentWrap">
		<div class="addNewAddressComponent ">
			<form action="${server}/identitycard/add" method="post" name="idcard-form">
				<ul class="basicInfo">
				 	<li>
				 		<label for="identityCardName"><spring:message code="YYK-20057" /></label>
				 		<input id="identityCardName" type="text" maxlength="10" placeholder="<spring:message code="YYK-20059"/>" name="identityCardName" value="${idcard.identityCardName}"/>
				 	</li>
				 	<li>
				 		<label for="identityCardNumber"><spring:message code="YYK-20058" /></label>
				 		<input id="identityCardNumber" type="text" maxlength="20" placeholder="<spring:message code="YYK-20060"/>" name="identityCardNumber" value="${idcard.identityCardNumber}"/>
				 	</li>
				 	
				 </ul>
			 </form>
		</div>
		
		<div class="rule">
		<span class="fl">
		<i></i></span>
		<h3><spring:message code="YYK-20063" /></h3>
		<span class="fr">
		<i></i></span>
		</div>
		
	<div class="rule02">
	<p><spring:message code="YYK-20061" /></br><spring:message code="YYK-20062" /></p>
	</div> 
		
	</div>
	
	
	<footer class="footerToFixed" style="bottom:20px;">
		<!-- <div class="borderTop1"></div> -->
		<div class="submitAddress addNewAddressBtn" onclick="javascript:saveIDCard();" style="margin:0 auto;">
			<spring:message code="YYK-20037" /> 
		</div>
	</footer>
</div>
<input type="hidden" value="${server}" id="path"/>
<input type="hidden" value="${RecepientName}" id="RecepientName"/>

</body>
</html>	
